import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

// This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Scaffold(
        appBar: AppBar(title: const Text("Flutter App")),
        body: const HomePage2(),
      ),
    );
  }
}

class HomePage extends StatelessWidget {
  const HomePage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Center(
      child: Stack(
        alignment: Alignment.center,
        children:  [
          Container(
            height: double.maxFinite,
            width: double.maxFinite,
            color: Colors.black87,
          ),
          const Align(
            alignment: Alignment(-0.5, 0.1),
            child: Icon(Icons.home, size: 40, color: Colors.white),
          ),
          const Align(
            alignment: Alignment.center,
            child: Icon(Icons.search, size: 30, color: Colors.white),
          ),
          const Align(
            alignment: Alignment.bottomRight,
            child: Icon(Icons.settings_applications,
                size: 30, color: Colors.white),
          )

        ],
      ),
    );
  }
}


class HomePage2 extends StatelessWidget {
  const HomePage2({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
        height: 120.0,
        width: 120.0,
        color: Colors.blue.shade50,
        child: const Align(
          alignment: Alignment(1, -1),
          child: FlutterLogo(
            size: 60,
          ),
        ));
  }
}